<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title th:text="${anime.title}"></title>
    <link rel="stylesheet" href="/styles.css">
</head>
<body>
<!-- 背景动画 -->
<div class="background-shapes">
    <div></div>
    <div></div>
    <div></div>
</div>

<!-- 动漫详情 -->
<div class="anime-details">
    <img th:src="${anime.imageUrl}" alt="Anime Image">
    <h1 th:text="${anime.title}"></h1>
    <p th:text="${anime.description}"></p>
    <a href="/anime" class="back-link">返回动漫列表</a>
</div>

<!-- 页脚 -->
<footer>
    <p>&copy; 2023 动漫世界. 所有图片和内容仅供参考。</p>
</footer>
</body>
</html>